<template>
	<div class="BackgroundDetails">
		<div class="head">
			商户个人信息
			<div class="box"></div>
			<button class="btn1" @click="$router.push('/backstage')">BACK</button>
			<div class="clear"></div>
		</div>
		<!--		/**/-->
		<div class="jiantou"  >
			<button @click="$router.push('/backstage/merchant')" class="wubiankuang"><Icon type="ios-arrow-forward" size="30" /></button>

		</div>
		<div class="name">
			<div class="portrait" :style="ground"  @click="$router.push('/backstage/headimg')">
				<div class="clear"></div>
			</div>
			<div class="xinxi">
				<div class="sese">
					{{this.shop.name}}
				</div>
				<div class="sese">
					{{this.binding}}
				</div>
			</div>
		</div>
		<!--		/**/-->
		<div>
			<div>
				<div class="divd" @click="$router.push('/backstage/goods')"><Icon type="ios-wine-outline" size ="40" /> 我的商品</div>
				<div class="divd" @click="$router.push('/backstage/order')"><Icon type="md-clipboard" size="40"/> 我的订单</div>
			</div>
			<div class="kong"></div>
			<div>
				<div class="divd"><Icon type="md-person-add" size="33"/>  我发起的团购</div>
				<div class="divd"><Icon type="ios-pricetags" size="35"/> 我发布的优惠券</div>
			</div>
		</div>
	</div>
</template>

<script>

	export default {
		name: "BackgroundDetails",
		data() {
			return {
				binding: '',
				ground:'',
				shop:'',
				shop_img:'default.png'
			}
		},
		async mounted() {
			let data = await this.$axios.post('Shop/index/details',this.$store.state.id).then(r=>r.data)
			this.shop = data['0']
			this.shop_img = this.shop.shop_img
			this.ground='background:url("http://wsl/static/shop_img/'+this.shop_img+'") no-repeat ;background-size:100px 100px;'
			if (this.shop.bindstate == 'true') {
				this.binding = '已绑定'
			} else {
				this.binding = '未绑定'
			}
		},
		methods:{

		}
	}
</script>

<style lang="less">
	.BackgroundDetails {
		max-width: 700px;
		margin: auto;

		.name {
			height: 120px;
		}
		.head {
			height: 35px;
			color: aliceblue;
			width: 100%;
			line-height: 35px;
			background: rgb(155, 177, 200);
			font-size: 22px;
			text-align: center;
			padding-right: 84px;
		}
		.btn1 {
			background: aliceblue;
			font-size: 16px;
			margin-top: 7px;
			margin-left: -1px;
			color: rgb(155, 177, 200);
			height: 22px;
			line-height: 22px;
			padding: 0px 5px;
			border: 1px aliceblue solid;
			border-radius: 10%;
			cursor: pointer;
			float: left;
		}
		.sese{
			line-height: 25px;
		}
		.box {
			width: 0;
			height: 0;
			margin-top: 7px;
			margin-left: 15px;
			float: left;
			border-top: 11px solid transparent;
			border-bottom: 11px solid transparent;
			border-left: 11px solid transparent;
			border-right: 11px solid aliceblue;
		}

		.clear {
			clear: both;
		}

		.portrait {
			float: left;
			margin: 7px;
			height: 100px;
			width: 100px;
			border-radius: 50%;
			border: rgba(176, 193, 209) solid 4px;
			padding: 6px;
		}
		.kong{
			height: 30px;
		}
		.xinxi {
			margin-left: 115px;
			padding: 30px;
			height: 100%;
			font-size: 17px;
			color: rgba(176, 193, 209);
		}

		.jiantou {
			float: right;
			margin-top: 40px;
			margin-right: 20px;
		}

		.divd {
			width: 100%;
			height: 45px;
			background: rgba(176, 193, 209);
			margin-bottom: 1px;
			padding: 3px 15px;
			font-size: 18px;
			color: aliceblue;
			font-weight: bold;
		}
		.wubiankuang{
			border: 0px;background: white;
		}
	}
</style>